<template>
    <a-breadcrumb>
        <a-breadcrumb-item>Home</a-breadcrumb-item>
        <a-breadcrumb-item><a href="">Application Center</a></a-breadcrumb-item>
        <a-breadcrumb-item><a href="">Application List</a></a-breadcrumb-item>
        <a-breadcrumb-item>An Application</a-breadcrumb-item>
    </a-breadcrumb>
    <div @click="handleClick">这是子组件</div>
</template>
<script lang="ts">
export default {
    name: 'Child',
    props: ['msg', 'msg2'],
    emits: ['clickChild'],
    beforeCreate () {
        console.log('beforeCreate')
    },
    setup (props, { attrs, slots, emit }) {
        // console.log(this) // undefined
        console.log(props)
        console.log(attrs)
        console.log(slots)
        const handleClick = () => {
            emit('clickChild')
        }
        return {
            handleClick
        }
    }
}
</script>
<style lang="">
    
</style>